$(function() {
    var form=layui.form;
    var layer=layui.layer;
    form.verify({
        nickname: function(value) {
            if(value.length>6){
                return '昵称需要在6个字符之间!!!'
            }
        }
    });
    initUserInfo();
    function initUserInfo(){
        $.ajax({
            type: "GET",
            url: "/my/userinfo",
            success: function (res) {
                // console.log(res);
                if (res.status!==0) {
                    return layer.msg(res.message);
                }
                form.val('formUserInfo',res.data);
            }
        });
    }
    $('#btnReset').on('click', function(e){
        // 阻止默认行为
        e.preventDefault();
        // 重新获取数据渲染
        initUserInfo();
    })
    // 提交信息
    $('.layui-form').on('submit', function(e){
        e.preventDefault();
        $.ajax({
            method: 'POST',
            url: "/my/userinfo",
            data: $(this).serialize(),
            success: function (res) {
                if(res.status!==0){
                    return layer.msg(res.message);
                }
                layer.msg(res.message);
                // 现在我们的数据提交到后台了 要进行让其渲染只需要调用index页面中的渲染页面的方法即可
                // 观察结构可知这个页面有个父页面 就是index 是通过iform 过来的 所以现在就变成了如何调用父元素中的方法
                // window.parent.getUserInfo();
                // 这里我们访问如果没有找到 此元素但是又有这个元素可能就是作用域的问题 要访问的元素有作用域这样就不能访问我们需要的方法
                window.parent.getUserInfo();
            }
        });
        
    })
})